<!-- 3D圆柱图的配置 -->
<template>
    <div>
        <el-form-item label="开启圆柱">
            <avue-switch
                v-model="main.activeOption.cylinder"
                :disabled="disabled"
            ></avue-switch>
        </el-form-item>
        <el-collapse accordion>
            <el-collapse-item title="Y轴">
                <el-form-item label="名称">
                    <avue-input
                        v-model="main.activeOption.yAxis.name"
                        :disabled="disabled"
                    ></avue-input>
                </el-form-item>
                <el-form-item label="颜色">
                    <avue-input-color
                        :disabled="disabled"
                        v-model="main.activeOption.yAxis.color"
                    ></avue-input-color>
                </el-form-item>
                <el-form-item label="允许小数">
                    <avue-switch
                        v-model="main.activeOption.yAxis.allowDecimals"
                        :disabled="disabled"
                    ></avue-switch>
                </el-form-item>
            </el-collapse-item>
            <!-- <el-collapse-item title="数据标签">
                <el-form-item label="开启">
                    <avue-switch
                        v-model="main.activeOption.dataLabels.enabled"
                        :disabled="disabled"
                    ></avue-switch>
                </el-form-item>
                <el-form-item label="曲线">
                    <avue-switch
                        v-model="main.activeOption.dataLabels.softConnector"
                        :disabled="disabled"
                    ></avue-switch>
                </el-form-item>
                <el-form-item label="文字颜色">
                    <avue-input-color
                        :disabled="disabled"
                        v-model="main.activeOption.dataLabels.color"
                    ></avue-input-color>
                </el-form-item>
                <el-form-item label="文字大小">
                    <avue-input-number
                        :disabled="disabled"
                        v-model="main.activeOption.dataLabels.fontSize"
                    ></avue-input-number>
                </el-form-item>
                <el-form-item label="文字粗细">
                    <avue-select
                        :disabled="disabled"
                        v-model="main.activeOption.dataLabels.fontWeight"
                        :dic="dicOption.fontWeight"
                    >
                    </avue-select>
                </el-form-item>
                <el-form-item label="连接线颜色">
                    <avue-input-color
                        :disabled="disabled"
                        v-model="main.activeOption.dataLabels.connectorColor"
                    ></avue-input-color>
                </el-form-item>
                <el-form-item label="和扇区间距">
                    <avue-input-number
                        v-model="main.activeOption.dataLabels.distance"
                        :disabled="disabled"
                    ></avue-input-number>
                </el-form-item>
                <el-form-item label="和连接线间距">
                    <avue-input-number
                        v-model="main.activeOption.dataLabels.connectorPadding"
                        :disabled="disabled"
                    ></avue-input-number>
                </el-form-item>
            </el-collapse-item> -->
        </el-collapse>
    </div>
</template>

<script>
import { dicOption } from "@/option/config";
export default {
    name: "circleBar3D",
    inject: ["main", "contain"],
    data() {
        return {
            dicOption: dicOption,
            disabled: this.contain.activeObj.isLock
        };
    }
};
</script>

<style></style>
